<template>
 <div>
     <div class="layui-layer layui-layer-tips layui-edit-face edit-content">
         <div class="layui-content">
             <ul class="layui-clear">
                 <li v-for="(item, index) in lists" :key="'face'+ index" @click="checkmojo(item, index)">
                     <img :src="item" alt="">
                 </li>
             </ul>
         </div>
     </div>
 </div>
</template>

<script>
    import faces from '@/assets/js/face'
export default {
 name: 'Face', 
 components: {

},
 data () {
  return {
    face: '',
    lists: faces
  };
 },

 computed: {},

 mounted () {},

 methods: {
    checkmojo(item, index){
        this.face = index
        this.$emit('checkmojo',this.face)
    }
 }
}

</script>
<style scoped lang='scss' >
.edit-content{
    position:absolute;
    top: 42px;
    left: 21px;
}
</style>